<template>
  <div class="container_login">
    <Particles></Particles>

    <form>
      <h3>Login Here</h3>

      <label for="username">Username</label>
      <input type="text" placeholder="Email or Phone" id="username">

      <label for="password">Password</label>
      <input type="password" placeholder="Password" id="password">

      <button @click="handleSubmit">Log In</button>
      <div class="social">
        <div class="go"><i class="fab fa-google"></i> Google</div>
        <div class="fb"><i class="fab fa-facebook"></i> Facebook</div>
 
      </div>
    </form>
  </div>
</template>

<script setup lang="ts">
import login from "../../hooks/Login/index"
let {handleSubmit}=login()
</script>

<style scoped lang="scss">
@import "../../styles/global.scss";
@import "../../styles/login.scss";

</style>